<script setup lang="ts">
  import { isDark } from '@/hooks/core/useToggleDark';
  import { Sunny, Moon } from '@element-plus/icons-vue';
</script>

<template>
  <el-switch
    v-model="isDark"
    inline-prompt
    :active-icon="Moon"
    :inactive-icon="Sunny"
    border-color="#fff"
    active-color="#7dd3fc"
    inactive-color="#000"
  />
</template>

<style lang="scss"></style>
